<template>
  <div class="container-fluid">
    <div class="row index">
      <div class="col-12 col-md-4 index">
        <div class="fix">
          <span>友情链接：</span>
          <ul>
            <li><a href="https://www.cnki.net/">知网</a></li>
            <li><a href="http://www.nut.edu.cn/">南昌理工学院官网</a></li>
            <li>
              <a href="https://co2.cnki.net/Login.html?dp=nclg&r=1636257130606"
                >南昌理工学院论文系统</a
              >
            </li>
            <li>
              <a href="http://my.nut.edu.cn/cas/login">南昌理工学院教务系统</a>
            </li>
          </ul>
        </div>
      </div>

      <div class="col-6 col-md-4 index">
        <div class="fix">
          <span>特别感谢：</span>
          <ul>
            <li><a href="https://tieba.baidu.com/">百度贴吧</a></li>
            <li><a href="https://eleduck.com/">电鸭社区</a></li>
            <li><a href="https://www.iconfont.cn/">阿里图标库</a></li>
            <li><a href="https://www.bilibili.com/">哔哩哔哩</a></li>
          </ul>
        </div>
      </div>

      <div class="col-6 col-md-4 index">
        <div class="fix">
          <span>技术参考：</span>
          <ul>
            <li>
              <a href="https://element.eleme.cn/#/zh-CN/component/quickstart"
                >ElementUI</a
              >
            </li>
            <li>
              <a
                href="https://v4.bootcss.com/docs/getting-started/introduction/"
                >BootStrap</a
              >
            </li>
            <li><a href="https://www.csdn.net/">CSDN</a></li>
            <li><a href="https://cn.vuejs.org/">Vue</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.index {
  height: 150px;
  background-color: black;
}
.fix{
  margin-top: 15px;
}
ul {
  list-style: none;
}
a,
span {
  color: rgba(255, 255, 255, 0.71);
  transition: all 0.2s;
}
a:hover {
  color: rgba(255, 255, 255, 0.879);
  transition: all 0.2s;
}
</style>